<!--离职员工分析-->
<template>
	<query></query>

	<div style="margin-top: 20px"></div>

	<el-row :gutter="20">
		<el-col :span="12">
			<statistics-e-d :data="typeData" :id="'s-dimission-type'"></statistics-e-d>
		</el-col>
		<el-col :span="12">
			<statistics-e-d :data="educationData" :id="'s-dimission-education'"></statistics-e-d>
		</el-col>
	</el-row>

	<div style="margin-top: 20px"></div>

	<el-row :gutter="20">
		<el-col :span="12">
			<statistics-e-d :data="ageData" :id="'s-dimission-age'"></statistics-e-d>
		</el-col>
		<el-col :span="12">
			<statistics-e-d :data="causeData" :id="'s-dimission-cause'"></statistics-e-d>
		</el-col>
	</el-row>

	<div style="margin-top: 20px"></div>
</template>

<style scoped></style>

<script setup lang="ts" name="StatistcsDimissionIndex">
import { ref } from 'vue'

import query from './line/query.vue'

const name = '离职'

const typeData = ref({
	title: name + '员工类型分析',
	subtext: '',
	xData: ['全职', '兼职', '劳务派遣', '临时工', '实习'],
	data: [50, 550, 430, 280, 110]
})

const educationData = ref({
	title: name + '员工学历分析',
	subtext: '',
	xData: ['大专', '本科', '硕士', '博士', '博士以上'],
	data: [50, 550, 430, 280, 110]
})

const ageData = ref({
	title: name + '员工工龄分析',
	subtext: '',
	xData: ['1年以下', '1-3年', '3-5年', '5-7年', '7-10年', '10年以上'],
	data: [50, 550, 430, 280, 110, 50]
})

const causeData = ref({
	title: name + '原因分析',
	subtext: '',
	xData: ['个人原因', '薪资原因', '晋升原因', '工作时长原因', '人际关系原因', '其他原因'],
	data: [50, 550, 430, 280, 110, 50]
})
</script>
